<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Sergey Pozhilov (GetTemplate.com)">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link href="assets/css/login2.css" rel="stylesheet" type="text/css"/>

    <title>账户注册--互联网金融司法诉讼平台</title>

    <link rel="shortcut icon" href="assets/images/gt_header.png">

    <link rel="stylesheet" media="screen" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">

    <!-- Custom styles for our template -->
    <link rel="stylesheet" href="assets/css/bootstrap-theme.css" media="screen">
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <!--<script src="assets/js/html5shiv.js"></script>-->
    <!--<script src="assets/js/respond.min.js"></script>-->
    <!--[endif]-->
</head>
<body>

    <article background="assets/images/2.jpg">

        <!-- Fixed navbar -->
        <div class="navbar navbar-inverse navbar-fixed-top headroom">
            <div class="container">
                <div class="navbar-header">
                    <!-- Button for smallest screens -->
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span
                            class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
                    <a class="navbar-brand" href="index1.html">
                        <img src="assets/images/finance.png" alt="Progressus HTML5 template" style="float:left; width:50px;margin-top: -11px;">
                        <img src="assets/images/logo.png" alt="Progressus HTML5 template" style=" width: 400px; margin-top: -25px; ">
                    </a>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav pull-right">
                        <li><a class="btn" href="index1.html">首页</a></li>
                        <li><a class="btn" href="signin.html">登陆</a></li>
                        <li><a class="btn" href="signup.html">注册</a></li>
                    </ul>
                </div><!--/.nav-collapse -->
            </div>
        </div>
        <!-- /.navbar -->

        <header id="head" class="secondary"></header>

        <div class="login" style="border-radius: 5px; margin-top:30px;width: 508px;height: 514px;margin-bottom: 260px;">

            <article class="col-xs-12 maincontent" style="margin-bottom: 100px; margin-top: 20px;">

                <div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
                    <h3 class="thin text-center">注册新账户</h3>
                    <p class="text-center text-muted" style="margin-right: -322px">已有账号，<a href="signin.html" style=" color: #FF9B22; font-size: 16px; ">去登陆</a>
                    </p>
                </div>

                <div class="header" style="top: 80px;">
                    <div class="switch" id="switch" style="left: 130px;">
                        <a class="switch_btn_focus" id="switch_qlogin" href="javascript:void(0);" tabindex="7">普通用户</a>
                        <a class="switch_btn" id="switch_login" href="javascript:void(0);" tabindex="8">律师用户</a>
                        <div class="switch_bottom" id="switch_bottom" style="position: absolute; width: 64px; left: 0px;"></div>
                    </div>
                </div>

                <div class="web_qr_login" id="web_qr_login" style="display: block;height: 350px;width: 500px;top: 70px;">
                    <!--普通用户-->
                    <div class="web_login" id="web_login">
                        <div class="login-box" style="width: 500px;height: 350px;margin-top: -50px;margin-left: -10px;">
                            <div class="login_form" style="width: 500px; padding-top: 5px;">
                                <form action="/registerUser" name="loginform" id="login_form" class="loginForm" method="post">
                                    <div class="top-margin" style=" margin-left: 25px;margin-right: 30px;">
                                        <label>请输入邮箱<span class="text-danger">*</span></label><span id="tsemail" style="font-size: 13px;color: #FF9B22;margin-left:225px"></span>
                                        <input id="mail" type="text" value="" name="email" class="form-control" onchange="confirmInputInfo1()" onkeyup="CheckMail()" >
                                    </div>

                                    <div class="row top-margin">
                                        <div class="col-sm-6" style="padding-left: 40px;">
                                            <label>请输入密码 <span class="text-danger">*</span></label>
                                            <input type="password" value="" id="passwd" name="password" maxlength="18"
                                                   class="inputstyle2" onfocus="CheckMail()" onkeyup="confirmInputInfo1()"/>
                                        </div>
                                        <div class="col-sm-6" style="padding-right: 30px;right: 7px;">
                                            <label>确认密码 <span class="text-danger">*</span></label>
                                            <span id="tishi" style="font-size: 13px;color: #FF9B22;margin-left:26px"></span>
                                            <input type="password" value="" id="cfpasswd" name="confirmpassword" maxlength="18" class="inputstyle2" onkeyup="pw()" onfocus="CheckMail()"/>
                                        </div>
                                    </div>
                                    <div class="row top-margin">
                                        <div class="col-lg-8 text-left" style=" padding-left: 40px;padding-right: 50px;margin-right: -35px;">
                                            <label>请输入验证码<span class="text-danger">*</span></label>
                                            <input type="text" name="securityCode" class="form-control">
                                        </div>
                                        <div class="col-lg-4 text-right">
                                            <button class="btn btn-action" style=" margin-top: 22px; ">发送验证码</button>
                                        </div>
                                    </div>

                                    <hr>

                                    <div class="row">
                                        <div class="col-lg-12 text-right">
                                            <input value="立即注册" class="btn btn-action" id="onceRegister" type="submit" style="background: #3b8cff;margin-right: 30px;padding-left: 189px;padding-right: 189px;margin-bottom: 2px;font-size: 16px;" disabled="true" />
                                        </div>
                                    </div>
                                    <script>
                                        function pw() {
                                            var pw1 = document.getElementById("passwd").value;
                                            var pw2 = document.getElementById("cfpasswd").value;
                                            if (pw2 == pw1) {
                                                document.getElementById("tishi").innerHTML = "";
                                                //document.getElementById("onceRegister").disabled = false;
                                                confirmInputInfo1();
                                            }
                                            else {
                                                document.getElementById("tishi").innerHTML = "两次密码输入不一致";
                                                document.getElementById("onceRegister").disabled = true;
                                            }
                                        }
                                        function CheckMail() {
                                            var mail = document.getElementById("mail").value;
                                            var filter  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                                            if (filter.test(mail))
                                               {
                                                   $.get('/isExist',{userName:mail},
                                                   function (isExist) {
                                                       if(isExist=='{"is_exist":false}'){
                                                           document.getElementById("tsemail").innerHTML = "";
                                                           confirmInputInfo1();
                                                       }
                                                       else {
                                                           document.getElementById("tsemail").innerHTML = "该账户已存在";
                                                       }
                                                   });
                                                   }
                                                else {
                                                    document.getElementById("tsemail").innerHTML = "您输入的邮箱格式不正确";
                                                    document.getElementById("onceRegister").disabled=true;
                                                }
                                        }
                                        function confirmInputInfo1() {
                                            if(document.getElementById("tsemail").innerHTML=="")
                                                if(document.getElementById("passwd").value!="")
                                                    if(document.getElementById("cfpasswd").value!="")
                                                        if(document.getElementById("cfpasswd").value== document.getElementById("passwd").value)
                                                        {  document.getElementById("onceRegister").disabled=false;  return;  }
                                            document.getElementById("onceRegister").disabled=true;
                                        }
                                    </script>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!--普通用户end-->
                </div>

                <!--律师用户-->
                <div class="qlogin" id="qlogin" style="display: none; ">
                    <div class="web_login">
                        <form name="form2" id="regUser" accept-charset="utf-8" action="/registerLawyer" method="post">
                            <ul class="reg_form" id="reg-ul" style="height: 400px;width: 500px;margin-top: 113px;margin-left: -10px;">
                                <div class="top-margin" style=" margin-left: 25px;margin-right: 30px;">
                                    <label>请输入手机号<span class="text-danger">*</span></label><span id="tsphone" style="font-size: 13px;color: #FF9B22;margin-left:250px"></span>
                                    <input id="phone" type="text" value="" name="tel" class="form-control" onkeyup="CheckPhone()" >
                                </div>

                                <div class="row top-margin">
                                    <div class="col-sm-6" style="padding-left: 40px;">
                                        <label>请输入密码 <span class="text-danger">*</span></label>
                                        <input type="password" id="lawyerpasswd" name="password" maxlength="18" class="inputstyle2" onfocus="CheckPhone()" onkeyup="confirmInputInfo2()"/>
                                    </div>
                                    <div class="col-sm-6" style="padding-right: 30px;right: 7px;">
                                        <label>确认密码 <span class="text-danger">*</span></label><span id="tishi2"  style="font-size: smaller;color: #FF9B22;margin-left:35px"></span>
                                        <input type="password" id="lawyercfpasswd" name="confirmpassword" maxlength="18" class="inputstyle2" onfocus="CheckPhone()" onkeyup="pw3()"/>
                                    </div>
                                </div>
                                <div class="row top-margin">
                                    <div class="col-lg-8 text-left" style=" padding-left: 40px;padding-right: 50px;margin-right: -35px;">
                                        <label>请输入验证码<span class="text-danger">*</span></label>
                                        <input type="text" name="securityCode" class="form-control" >
                                    </div>
                                    <div class="col-lg-4 text-right">
                                        <button class="btn btn-action" style=" margin-top: 22px; ">发送验证码</button>
                                    </div>
                                </div>

                                <hr>

                                <div class="row">
                                    <div class="col-lg-12 text-right">
                                        <input type="submit" value="立即注册" id="onceRegister2" class="btn btn-action" style="background: #3b8cff;margin-right: 30px;padding-left: 189px;padding-right: 189px;margin-bottom: 2px;font-size: 16px;" disabled="true" />
                                    </div>
                                </div>
                            </ul>
                            <script type="text/javascript">
                                function pw3() {
                                    var pw1 = document.getElementById("lawyerpasswd").value;
                                    var pw2 = document.getElementById("lawyercfpasswd").value;
                                    if (pw1 == pw2) {
                                        document.getElementById("tishi2").innerHTML = "";
                                        //document.getElementById("onceRegister2").disabled = false;
                                        confirmInputInfo2()
                                    }
                                    else {
                                        document.getElementById("tishi2").innerHTML = "两次密码输入不一致";
                                        document.getElementById("onceRegister2").disabled = true;
                                    }
                                }
                                function CheckPhone() {
                                    var phone = document.getElementById("phone").value;
                                    var filter  = /^1(3|4|5|7|8)\d{9}$/;
                                    if (filter.test(phone))
                                    {
                                        $.get('/isExist',{userName:phone},
                                                function (isExist) {
                                                    if(isExist=='{"is_exist":false}'){
                                                        document.getElementById("tsphone").innerHTML = "";
                                                        confirmInputInfo2();
                                                    }
                                                    else {
                                                        document.getElementById("tsphone").innerHTML = "该账户已存在";
                                                    }
                                                });
                                    }
                                    else {
                                        document.getElementById("tsphone").innerHTML = "您输入的手机号不正确";
                                        document.getElementById("onceRegister2").disabled=true;
                                    }
                                }
                                function confirmInputInfo2() {
                                    if(document.getElementById("tsphone").innerHTML=="")
                                        if(document.getElementById("lawyerpasswd").value!="")
                                            if(document.getElementById("lawyercfpasswd").value!="")
                                                if(document.getElementById("lawyercfpasswd").value== document.getElementById("lawyerpasswd").value)
                                                    {  document.getElementById("onceRegister2").disabled=false; return; }
                                    document.getElementById("onceRegister2").disabled=true;
                                }
                            </script>
                        </form>
                    </div>
                </div>
                <!--律师用户end-->

            </article>

        </div>

        <footer id="footer" class="top-space">
            <div class="footer1" style="margin-top: 150px;padding-top: 10px;height: 170px;">
                <div class="container">
                    <div class="row" style="
                height: 130px;
                margin-top: 5px;
                ">
                        <div class="col-md-2 widget">
                            <img src="assets/images/kefu.png" alt="Progressus HTML5 template" style="float:left; width:25px;  margin-left: 20px;margin-top: 18px;">
                            <h3 class="widget-title">24小时在线客服</h3>
                        </div>

                        <div align="center">
                            <div class="col-md-2 widget">
                                <img src="assets/images/u93.jpg" alt="Progressus HTML5 template" style="float:left;max-width: 68%;margin-left: -15px;margin-top: 20px;">
                            </div>
                        </div>

                        <div class="col-md-5 widget">
                            <div class="widget-body" class="widget-body" style="margin-top: 20px;margin-left: -60px;">
                                <p>版权所有 @ 湖南省长沙市麓川小蚂蚁团队未经许可不得复制、转载或摘编，违者必究！</p>
                                <p>
                                    Copyright Changsha City, Hunan Province Lu Chuan Little ants Team Asset Exchange
                                    Co.,LTD. ALL Rights Reserved
                                </p>
                                <P>湘 ICP 证 B2-20120023号   湘 ICP 备 12032241 号-7</P>
                            </div>
                        </div>

                        <div class="col-md-3 widget">
                            <TABLE style="BORDER-LEFT: 1px solid;" align=left height=140 borderColor=#232323>
                                <TBODY>
                                <TR>
                                    <TD></TD>
                                </TR>
                                </TBODY>
                            </TABLE>

                            <h2 class="widget-title" style="font-size: 25px; color: #FFA800; margin-left: 20px;">131-4207-0166</h2>
                            <div class="widget-body">
                                <p style=" font-size: 15px; margin-left: 30px;"> 欢迎致电（0:00~24:00）</p>
                            </div>
                        </div>
                    </div> <!-- /row of widgets -->
                </div>
            </div>

            <div class="footer2">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 widget">
                            <div class="widget-body">
                                <p class="simplenav">
                                    <a href="index1.html">首页</a> |
                                    <b><a href="signin.html">登陆</a></b> |
                                    <b><a href="signup.html">注册</a></b>
                                </p>
                            </div>
                        </div>

                        <div class="col-md-6 widget">
                            <div class="widget-body">
                                <p class="text-right">
                                    Copyright &copy; 2016, Designed by Wik</a>
                                </p>
                            </div>
                        </div>
                    </div> <!-- /row of widgets -->
                </div>
            </div>
        </footer>

        <!-- JavaScript libs are placed at the end of the document so the pages load faster -->
        <script type="text/javascript" src="assets/js/jquery-1.9.0.min.js"></script>
        <script type="text/javascript" src="assets/js/login.js"></script>
        <script src="assets/js/html5shiv.js"></script>
        <script src="assets/js/respond.min.js"></script>
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/headroom.min.js"></script>
        <script src="assets/js/jQuery.headroom.min.js"></script>
        <script src="assets/js/template.js"></script>

    </article>
</body>
</html>

